<template>
	<view>
		<view class="ticket">
			<block
				v-for="(item, index) in ticket"
				:key="index">
				<view>
					<image
						:src="item.image"
						mode="widthFix"></image>
					<text>{{ item.name }}</text>
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'ticket',
		data() {
			return {
				ticket: [
					{
						image: 'cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/list/定位失败.svg',
						name: ''
					},
					{
						image: 'cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/list/暂无网络.svg',
						name: ''
					},
					{
						image: 'cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/list/404.svg',
						name: ''
					},
					{
						image: 'cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/list/无结果.svg',
						name: ''
					},
					{
						image: 'cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/list/暂无数据.svg',
						name: ''
					}
				]
			}
		}
	}
</script>

<style scoped>
	.ticket image {
		width: 90upx;
		height: 90upx;
	}
	.ticket {
		display: flex;
		justify-content: space-around;
		text-align: center;
		margin: 30upx 0;
	}
	.ticket text {
		font-size: 30upx;
		display: block;
	}
</style>